<template>
	<view>
		<!-- 头部 -->
		<!-- <view class="title">
			<image class="returnh" src="../../static/iconfanh.png"></image>
			<text class="fs16">我的评价</text>
		</view>
		<view style="height: 10rpx;background: rgba(249,249,249,1);">  </view> -->
		<!-- 评价 -->
		<view class="pingjia" v-for="item in 2">
			<view class="pjtit">
				<image src="../../static/22.png" ></image>
				<text class="fs11" style="position: absolute;left: 90rpx;top: 38rpx;color:rgba(51,51,51,1);">怪盗基德</text>
				<view class="pjxing" style="display: flex;">
					<text v-for="item in 5" :class="item<=num?'dianx':''"></text>
				</view>
				<text class="fs11" style="position: absolute;right: 0;top: 45rpx;color: rgba(136,136,136,1);">2020-01-26</text>
			</view>
			<view style="margin-left: 90rpx;">
				<text class="fs11" style="color: rgba(51,51,51,1);">好吃分量足</text>
				<view class="pjimgs" style="display: flex;">
					<image src="../../static/22.png" mode=""></image>
					<image src="../../static/22.png" mode=""></image>
				</view>
				<text class="fs11" style="color: rgba(136,136,136,1);">规格: 2斤装</text>
				<view class="w300 fs12">
					<image src="../../static/22.png" mode=""></image>
					<text style="position: absolute;top: 20rpx;font-weight: 700;">好好吃汉堡</text>
					<i></i>
				</view>
				
			</view>
			<view class="pjs3" @click="show=!show">	...	 </view>
			<view style="height: 40rpx;margin-top: 25rpx;"></view>
			<view style="height: 10rpx;background: rgba(249,249,249,1);margin-top: 20rpx;">  </view>
		</view>
		
		<u-mask :show="show" @click="show = false">
				<view class="warp">
					<view class="rect"></view>
					<Deshanchu ></Deshanchu>
				</view>
			</u-mask>
	</view>
</template>

<script>
	import Deshanchu from './Delete/Delete'
	export default {
		components:{
				Deshanchu
			},
		data() {
			return {
				show:false,
				num:4
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.title{
		position: relative;
	}
	.returnh{
		 width: 20px;
		 height: 20px;
		 position: absolute;
		 left: 34rpx;
		 top: 25rpx;
	}
	.title>text{
		display: block;
		color: rgba(51,51,51,1);
		text-align: center;
		line-height: 88rpx;
	}
	.pingjia{
		width: 90%;
		margin: 0 auto;
	}
	.pjtit{
		height: 100rpx;
		padding: 22rpx 0;
		position: relative;
	}
	.pjtit>image{
		width: 70rpx;
		height: 70rpx;
		border-radius: 50%;
	}
	.pjxing{
		position: absolute;
		left: 90rpx;
		bottom: 0rpx;
	}
	.pjxing>text{
		display:block;
		width: 18rpx;
		height: 18rpx;
		margin: 5rpx;
		background: url(../../static/iconhui.png);
	}
	.dianx{
		background: url(../../static/iconhxx.png)!important;
	}
	.pjimgs>image{
		width: 158rpx;
		height: 158rpx;
		margin: 11rpx 11rpx 11rpx 0;
	}
	.w300{
		width: 600rpx;
		height: 124rpx;
		margin-top: 16rpx;
		background: rgba(249,249,249,1);
		border-radius: 6rpx;
		position: relative;
	}
	.w300>image{
		width: 90rpx;
		height: 90rpx;
		padding: 18rpx 28rpx;
	}
	.w300>i{
		width: 10rpx;
		height: 20rpx;
		background: url(../../static/iconfh.png);
		position: absolute;
		right: 50rpx;
		top: 50%;
		margin-top: -10rpx;
	}
	.pjs3{
		width:40rpx;
		height:40rpx;
		border:1rpx solid rgba(196,196,196,1);
		border-radius:50%;
		line-height: 24rpx;
		text-align:center;
		color: rgba(120,120,120,1);
		margin-top: 20rpx;
		float: right;
	}
</style>
